// 导入react和react-dom
// 创建react元素(虚拟DOM) -保存关键信息的JS对象
// 渲染react元素到页面中

import React from 'react';
//通过解构的方式解构出来createRoot
import { createRoot } from 'react-dom/client';
import './base.css';

// React.createElement(标签，{属性名：属性值},标签的内容)
const li1 = React.createElement('li', {}, '苹果');
const li2 = React.createElement('li', {}, '香蕉');
const li3 = React.createElement('li', {}, '西瓜');

// 单线程自上而下执行！
const ul = React.createElement(
  'ul',
  { className: 'box', id: 'boxID' },
  li1,
  li2,
  li3
);

// 这是React18版本新出的挂载节点的方法
const root = createRoot(document.getElementById('root'));
root.render(ul);
